Web Development Email Marketing Portfolio

The other day when I was on whitepages.co.nz I kept getting this tasteless banner ad:

Not only did I find the ad irritating and gross, I thought less of the White Pages brand after I saw it. It is an animated GIF banner, where the piece of poo actually flies across the ad from left to right and then hits the spinning fan, making the whole banner go brown. Nice.

Whoever at the White Pages approved that banner ad for publication should be fired.

I have also seen plenty of ads placed in email campaigns that hurt the brand. Here’s an ad in an internet.com newsletter that cheapened the JupiterMedia brand while simultaneously flagging the email for spam filters (the Alt tag associated with this banner ad was “Work From Home” — a terrible thing to say in an email campaign if you want your campaign delivered):

It always amazes me how email ads get approved when it’s so obvious that they are going to cause the campaign’s deliverability to tank. Like this one:

Some people think email marketing is horribly expensive. If only they knew about VerticalResponse. We give you the power to create, send, and track your email campaign, right from your web browser — for less than 1c an email! NO set-up fees, NO contracts, NO hidden charges. And it’s easy, too! See for yourself by creating your own test mailing — FREE. Get started today!

Some big no-no phrases in the above email ad, including: “no hidden charges” and “see for yourself”.

In short, your website and your email campaigns are a reflection of your brand. The advertising you accept for display on your site and in your emails is also a reflection of your brand. So think carefully before you take on an advertiser or accept a creative that isn’t “on message.”

Filed under: Blogs Email Marketing | Email to a Friend | Printer-Friendly | No Comments »

Spread the word:      

DMNews.com has relaunched with a new design and a new back-end, both done by us at Netconcepts. On their blog, DM News’ founder and publisher Adrian Courtenay talks about the relaunch and gives us such glowing praise that I feel myself blushing!

A few new features worth noting:

• The entire archives have been opened up. No more passwords required!
• Articles support both comments and trackbacks.
• Deep links to old articles have been maintained through 301 redirects.
• The site now offers RSS feeds. Not just one main RSS feed, but every category has an RSS feed.

Filed under: Blogs RSS Marketing SEO Web Development | Email to a Friend | Printer-Friendly | No Comments »

Spread the word:      

CSS (Cascading Style Sheets) offers many more benefits beyond that of streamlined web pages with table-less layouts and precise positioning (no more transparent 1-pixel spacer GIFs!), mentioned in my previous post. Indeed, that’s just scratching the surface of CSS.

Here are some more clever things you can do with CSS to get your website really humming:

• Reorder your content to sit above your top and left navigation in the HTML. That will boost the keyword prominence on your pages, which is good for SEO. Then use CSS to get the page to still display as you want. CSS Zen Garden is a great example of this in action… for example, notice how the HTML doesn’t change between this layout with left-side nav and this one with right-side nav; it’s only the CSS that’s changing.
• If you must use graphical navigation or headings instead of text-based, then use the CSS “image replacement” technique to substitute in a text link or heading tag, respectively, when the CSS is not loaded (as is the case when the search engine spiders come to visit). For example, northland.edu uses this technique well. Currently, this is much more effective for SEO than Alt attributes.

  Many of the image replacement techniques physically move the text off the screen (text-indent: -9999em; left:-9999em;display:none, etc). This isn’t desirable as search engines are starting to examine external CSS files more closely to look for spam. There are a few image replacement techniques that don’t do this type of hiding and are still accessible, namely The Leahy/Langridge Method, The Gilder/Levin Method and The “Shea Enhancement”. Each of these methods have their pluses and minuses, which the Mezzoblue article outlines quite well. (Thanks to our CSS guru Darren for this last bit of advice.)

• Learn to code in “CSS shorthand.” With shorthand, hex codes for colors, margins, box dimensions and borders can all be abbreviated, for instance. More about this here. The efficiency of CSS shorthand translates into not only a speedier download for your customers, but also compact and tidy code that’s easier to maintain.
• Make code that “degrades gracefully” (or, as they prefer to say now in geek circles, “enhances progressively”). Creating a separate “low-bandwidth version” or “printer friendly version” or “mobile version” of your site will sound ludicrous in years to come (heck, I think it sounds ludicrous NOW!), because CSS makes such a thing unnecessary. Check out how gracefully gotomedia.com degrades on a cell phone or PDA, for instance.
• Correct for browser incompatibility snafus with browser-specific CSS. Does something look awry in your page layout when loading your site with the Safari browser, for instance? Internet Explorer doesn’t always play nice with the other browsers. Until the days where all the browsers follow all the same standards to the letter, browser-specific stylesheets are a useful crutch.
• Separate the presentation layer from the content layer as much as possible and move it into an external stylesheet (in other words, a separate .CSS file). That way it gets cached by the web browser and doesn’t have to reload with each new page.
• Plan for site-wide changes. Things change — colors, sidebars, ads, copyright dates, etc. Utilize CSS files and/or server-side includes to make future site-wide updates as painless as possible.
• Make use of the cascading nature of CSS. Most of the styles you define will be used site-wide. Some will only be for one particular page. Then there will be occasions where you’ll want to “cascade” styles, and have certain sections of your site adopt a particular look/layout/theme that overrides or branches off from the site-wide styles. Clever use of cascading styles can lead to very efficient and elegant code.

  Warning! Geek speek ahead:

Be careful of overriding previously declared statements. And also be aware that specificity is important in the cascade. Declare all your tag styles first then declare your id and class selectors down the doc. That way the cascade works and can be overwritten with new selectors. (Thanks again to our CSS guru Darren for this last bit of advice.)

CSS coders: the Web Developer Firefox extension is an awesome tool for coding, debugging, and tweaking style sheets. You can display the stylesheet and the rendered page simultaneously side-by-side and then interactively edit the CSS, immediately viewing the effect of the change on the rendered page. And it makes identifying errors (be they validation, CSS, or JavaScript) a piece-of-cake. Did I mention the plugin is free?

Filed under: Blogs SEO Web Development | Email to a Friend | Printer-Friendly | No Comments »

Spread the word:      

Twelve months after its website redesign, House of Travel saw its onsite sales grow six-fold - results that can be measured in increased traffic to the site and in keyword ranking.

Filed under: Press SEO Web Development | Email to a Friend | Printer-Friendly | 1 Comment »

Spread the word:      

Gdata, short for Google Data APIs, promises to be Google’s new standard protocol for transmitting all sorts of data back and forth to Google and its various services. As Google states on Google Code: “All sorts of services can provide GData feeds, from public services like blog feeds or news syndication feeds to personalized data like email or calendar events or task-list items.” Imagine for instance, starting with a base feed, then adding query parameters like restricting to a particular category and date range and ending up with a customized feed that specifically fits your criteria. Gdata builds on the RSS 2.0 and ATOM 1.0 protocols.

Imagine your desktop machine — armed with your personal profile — communicating with Google (and even with the Web in general) about your email, search history, RSS subscriptions, calendar, bookmarks, blog posts, and the news… and all through the GData protocol. As Reto Meier states, “Google already has a ridiculous amount of my information. Now with an API that promises access to this information to use the way I want to, there’s one less reason to think about storing it anywhere else.” Kinda scary but also exciting at the same time. Google Operating System here we come!

Will we all be speaking GData in years to come? Will the GData protocol become as ubiqitous as the HTTP protocol? Only time will tell, but I certainly think GData is one to watch!

Filed under: Blogs Email Marketing RSS Marketing | Email to a Friend | Printer-Friendly | No Comments »

Spread the word: